<template>
  <div class="rules-container">
    <div class="rules-header">
      <h2>同意报名规则</h2>
    </div>

    <div class="rules-content">
      <div class="section">
        <h3 class="section-title">报名格式要求</h3>
        <ul>
          <li>报名信息必须完整填写所有必填字段（姓名、工号、联系方式、校区）</li>
          <li>工号格式为6位数字，需与人事系统一致</li>
          <li>联系电话必须为11位有效手机号码</li>
          <li>报名时间需在监考批次开放时间内提交</li>
          <li>每位教师同一监考批次只能报名一次</li>
        </ul>
      </div>

      <div class="section">
        <h3 class="section-title">材料提交要求</h3>
        <ul>
          <li>必须上传有效身份证正反面扫描件（JPG/PNG格式，小于2MB）</li>
          <li>必须上传教师资格证扫描件（PDF格式，小于5MB）</li>
          <li>近三个月内体检报告（PDF格式，小于10MB）</li>
          <li>监考承诺书（需签字扫描，PDF格式）</li>
          <li>材料命名格式：姓名_工号_材料类型（如：张三_100001_身份证正面）</li>
        </ul>
      </div>

      <div class="section">
        <h3 class="section-title">监考资格审核标准</h3>
        <ul>
          <li>无重大教学事故记录（近一年内）</li>
          <li>监考培训考核成绩≥85分</li>
          <li>体检报告各项指标符合监考要求</li>
          <li>无同一时间段监考冲突</li>
          <li>近三年监考缺勤次数≤2次</li>
        </ul>
      </div>

      <div class="section">
        <h3 class="section-title">工作准则</h3>
        <ul>
          <li>审核工作需在收到报名后48小时内完成</li>
          <li>严格执行"双人审核"制度</li>
          <li>敏感信息（体检报告等）需加密存储</li>
          <li>建立审核台账，记录审核人和审核时间</li>
          <li>每月5日前汇总上月审核数据报备存档</li>
        </ul>
      </div>

      <div class="section">
        <h3 class="section-title">特殊情况处理</h3>
        <ul>
          <li>紧急监考需求（如临时增派）需优先审核</li>
          <li>教授级教师可适当放宽体检标准</li>
          <li>跨校区监考需额外审核交通安排</li>
          <li>新入职教师首次监考需重点审核资格材料</li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
// 逻辑代码可以留空或添加特定功能
</script>

<style scoped>
.rules-container {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  padding: 25px;
}

.rules-header {
  padding-bottom: 20px;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 25px;
}

.rules-header h2 {
  margin: 0;
  color: #1a2b4b;
  font-size: 22px;
  font-weight: 600;
}

.section {
  margin-bottom: 30px;
  padding: 20px;
  background-color: #f8fafc;
  border-radius: 6px;
  border-left: 4px solid #1a3a6c;
}

.section-title {
  color: #1a2b4b;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #cbd5e1;
}

.section ul {
  padding-left: 20px;
  margin: 0;
}

.section li {
  margin-bottom: 12px;
  line-height: 1.6;
  color: #334155;
  position: relative;
  padding-left: 15px;
}

.section li:before {
  content: "•";
  color: #1a3a6c;
  font-weight: bold;
  position: absolute;
  left: 0;
}
</style>